<template>
	<view class="width1000 hidden">
		<view class=" hauto  flex-wrap flex ">
			<view v-show="mlist.length==2" class="flex-ju-c flex1 bg2c2c2c  width1000">
				 
				 <view class="posire border27E17A bg2c2c2c flex-ju-c" :style="{height:hhg/2+'px'}" style="width:50%;">
				 	<view v-if="tahtinfo.local_camera" class="flex-ju-c flex-col " :style="{height:hhg/2+'px'}" >
				 		<view class="posire">
				 			<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
				 			</image>
				 			<image v-if="tahtinfo.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
				 			</image>
				 		</view>
				 	</view>
				 	<VIDEO v-show="tahtinfo.local_camera==0" id="screen3-0" :style="{height:hhg/2+'px'}" class="" style="width:50%;">
				 	</VIDEO>
				 	<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
				 		<image mode="widthFix" v-if="tahtinfo.local_audio" class="image width40"
				 			src="/static/img/jiechujingyin.png"></image>
				 		<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
				 		</image>
				 		<view>{{tahtinfo.display_name}} (我{{tahtinfo.role=='chair'?'主持人':''}}）</view>
				 	</view>
				 </view>
				 
				 
				<view v-if="video_list[0]" class="posire border27E17A flex-ju-c" style="width:50%;">
				<view v-if="video_list[0].local_camera" class="flex-ju-c  flex-col" :style="{height:hhg/2+'px'}">
					<view class="posire">
						<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
						</image>
						<image v-if="video_list[0].role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
						</image>
					</view>
				</view>
				<VIDEO class="" v-show="video_list[0].local_camera==0" :style="{height:hhg/2+'px'}" id="screen4-1" style="width:50%;">
				</VIDEO>
				<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
					<image mode="widthFix" v-if="video_list[0].local_audio" class="image width40"
						src="/static/img/jiechujingyin.png"></image>
					<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
					</image>
					<view>{{video_list[0].display_name}} {{video_list[0].role=='chair'?'(主持人)':''}}</view>
				</view>
				
				</view>
				
			</view>
			
		
			<view v-show="mlist.length==3" class="flex-ju-c flex1    flex-col">
				
				<view class="posire border27E17A bg2c2c2c flex-ju-c" style="width:50%;">
					
					<view v-if="tahtinfo.local_camera" class="flex-ju-c flex-col " :style="{height:hhg/2+'px'}" >
						<view class="posire">
							<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
							</image>
							<image v-if="tahtinfo.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
							</image>
						</view>
					</view>
					<VIDEO v-show="tahtinfo.local_camera==0" id="screen3-0" :style="{height:hhg/2+'px'}" class="" style="width:50%;">
					</VIDEO>
					
					<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
						<image mode="widthFix" v-if="tahtinfo.local_audio" class="image width40"
							src="/static/img/jiechujingyin.png"></image>
						<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
						</image>
						<view>{{tahtinfo.display_name}} (我{{tahtinfo.role=='chair'?'主持人':''}}）</view>
					</view>
				</view>
				
				<view class="flex-ju-c width1000 border27E17A bg2c2c2c" :style="{height:hhg/2+'px'}">
					<template  v-for="(item,f) in video_list" :key="f">
						<view class="border27E17A posire flex-ju-c" style="width:50%;" :style="{height:hhg/2+'px'}">
					
							<view v-if="item.local_camera" style="width:50%;" :style="{height:hhg/2+'px'}" class=" flex-ju-c  flex-col" >
								<view class="posire">
									<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
									</image>
									<image v-if="item.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
									</image>
								</view>
							</view>
							<VIDEO v-show="item.local_camera==0" class="" style="width:50%;" :style="{height:hhg/2+'px'}" :id="'screen3-'+(1+f)">
							</VIDEO>
							
							<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
								<image mode="widthFix" v-if="item.local_audio" class="image width40"
									src="/static/img/jiechujingyin.png"></image>
								<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
								</image>
								<view>{{item.display_name}} {{item.role=='chair'?'(主持人)':''}}</view>
							</view>
							
						</view>
					</template>
					
				</view>
			</view>
		
			<view v-show="mlist.length==4" class="flex-ju-c flex1 bg2c2c2c flex-col">
				<view class="width1000 flex " :style="{height:hhg/2+'px'}">
					
					<view class="posire border27E17A flex-ju-c" style="width:50%;">
						
					<view v-if="tahtinfo.local_camera" class="flex-ju-c flex-col " :style="{height:hhg/2+'px'}" >
						<view class="posire">
							<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
							</image>
							<image v-if="tahtinfo.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
							</image>
						</view>
					</view>
					<VIDEO v-show="tahtinfo.local_camera==0" id="screen4-0" :style="{height:hhg/2+'px'}" class="border27E17A" style="width:50%;">
					</VIDEO>
					
					<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
						<image mode="widthFix" v-if="tahtinfo.local_audio" class="image width40"
							src="/static/img/jiechujingyin.png"></image>
						<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
						</image>
						<view>{{tahtinfo.display_name}} (我{{tahtinfo.role=='chair'?'主持人':''}}）</view>
					</view>
					</view>
					
					<view v-if="video_list[0]" class="posire border27E17A flex-ju-c" style="width:50%;">
					<view v-if="video_list[0].local_camera" class="flex-ju-c  flex-col" :style="{height:hhg/2+'px'}">
						<view class="posire">
							<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
							</image>
							<image v-if="video_list[0].role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
							</image>
						</view>
					</view>
					<VIDEO class="" v-show="video_list[0].local_camera==0" :style="{height:hhg/2+'px'}" id="screen4-1" style="width:50%;">
					</VIDEO>
					<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
						<image mode="widthFix" v-if="video_list[0].local_audio" class="image width40"
							src="/static/img/jiechujingyin.png"></image>
						<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
						</image>
						<view>{{video_list[0].display_name}} {{video_list[0].role=='chair'?'(主持人)':''}}</view>
					</view>
					
					</view>
					
				</view>
				
				
				<view class="width1000  flex" :style="{height:hhg/2+'px'}">
					
					<template  v-for="(item,f) in video_list" :key="f">
						<view class="border27E17A posire flex-ju-c" style="width:50%;" v-if="f>0"  :style="{height:hhg/2+'px'}">
					
							<view v-if="item.local_camera" style="width:50%;" :style="{height:hhg/2+'px'}" class=" flex-ju-c  flex-col" >
								<view class="posire">
									<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
									</image>
									<image v-if="item.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
									</image>
								</view>
							</view>
							<VIDEO v-show="item.local_camera==0" class="border27E17A" style="width:50%;" :style="{height:hhg/2+'px'}" :id="'screen4-'+(1+f)">
							</VIDEO>
							
							<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
								<image mode="widthFix" v-if="item.local_audio" class="image width40"
									src="/static/img/jiechujingyin.png"></image>
								<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
								</image>
								<view>{{item.display_name}} {{item.role=='chair'?'(主持人)':''}}</view>
							</view>
							
						</view>
					</template>
					
				</view>
			</view>
		
			<view v-show="mlist.length==5" class="flex-ju-c flex1 bg2c2c2c flex-col">
				<view class="width1000 flex " :style="{height:hhg/2+'px'}">
					
					<view class="posire border27E17A flex-ju-c" style="width:50%;">
						
					<view v-if="tahtinfo.local_camera" class="flex-ju-c flex-col " :style="{height:hhg/2+'px'}" >
						<view class="posire">
							<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
							</image>
							<image v-if="tahtinfo.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
							</image>
						</view>
					</view>
					<VIDEO v-show="tahtinfo.local_camera==0" id="screen5-0" :style="{height:hhg/2+'px'}" class="border27E17A" style="width:50%;">
					</VIDEO>
					
					<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
						<image mode="widthFix" v-if="tahtinfo.local_audio" class="image width40"
							src="/static/img/jiechujingyin.png"></image>
						<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
						</image>
						<view>{{tahtinfo.display_name}} (我{{tahtinfo.role=='chair'?'主持人':''}}）</view>
					</view>
					</view>
					
					<view v-if="video_list[0]" class="posire border27E17A flex-ju-c" style="width:50%;">
					<view v-if="video_list[0].local_camera" class="flex-ju-c  flex-col" :style="{height:hhg/2+'px'}">
						<view class="posire">
							<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
							</image>
							<image v-if="tahtinfo.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
							</image>
						</view>
						<view>{{tahtinfo.display_name}} {{tahtinfo.role=='chair'?'(主持人)':''}}</view>
					</view>
					<VIDEO class="" v-show="video_list[0].local_camera==0" :style="{height:hhg/2+'px'}" id="screen5-1" style="width:50%;">
					</VIDEO>
					<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
						<image mode="widthFix" v-if="video_list[0].local_audio" class="image width40"
							src="/static/img/jiechujingyin.png"></image>
						<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
						</image>
						<view>{{video_list[0].display_name}} {{video_list[0].role=='chair'?'(主持人)':''}}</view>
					</view>
					
					</view>
					
				</view>
				
				<view class="width1000  flex" :style="{height:hhg/2+'px'}">
					
					<template  v-for="(item,f) in video_list" :key="f">
						<view class="border27E17A posire flex-ju-c" style="width:33.3%;" v-if="f>0"  :style="{height:hhg/2+'px'}">
					
							<view v-if="item.local_camera" style="width:33.3%;" :style="{height:hhg/2+'px'}" class=" flex-ju-c  flex-col" >
								<view class="posire">
									<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
									</image>
									<image v-if="item.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
									</image>
								</view>
							</view>
							<VIDEO v-show="item.local_camera==0" class="border27E17A" style="width:33.3%;" :style="{height:hhg/2+'px'}" :id="'screen5-'+(1+f)">
							</VIDEO>
							
							<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
								<image mode="widthFix" v-if="item.local_audio" class="image width40"
									src="/static/img/jiechujingyin.png"></image>
								<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
								</image>
								<view>{{item.display_name}} {{item.role=='chair'?'(主持人)':''}}</view>
							</view>
							
						</view>
					</template>
				</view>
			</view>
		
		
			<view v-show="mlist.length==6" class="flex-ju-c flex1 bg2c2c2c flex-col">
				
				<view class="width1000 flex" :style="{height:hhg/2+'px'}">
					<view class="posire border27E17A flex-ju-c" style="width:33.3%;">
					<view v-if="tahtinfo.local_camera" class="flex-ju-c  flex-col" :style="{height:hhg/2+'px'}">
						<view class="posire">
							<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
							</image>
							<image v-if="tahtinfo.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
							</image>
						</view>
					</view>
					<VIDEO v-show="tahtinfo.local_camera==0" id="screen6-0" :style="{height:hhg/2+'px'}" class="" style="width:33.3%;">
					</VIDEO>
					<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
						<image mode="widthFix" v-if="tahtinfo.local_audio" class="image width40"
							src="/static/img/jiechujingyin.png"></image>
						<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
						</image>
						<view>{{tahtinfo.display_name}} (我{{tahtinfo.role=='chair'?'主持人':''}}）</view>
					</view>
					</view>
					
					<view v-if="video_list[0]" class="posire border27E17A flex-ju-c" style="width:33.3%;">
					<view v-if="video_list[0].local_camera" class="flex-ju-c flex-col border27E17A" :style="{height:hhg/2+'px'}">
						<view class="posire">
							<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
							</image>
							<image v-if="tahtinfo.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
							</image>
						</view>
					</view>
					<VIDEO v-show="video_list[0].local_camera==0" :style="{height:hhg/2+'px'}" id="screen6-1" class="" style="width:33.3%;">
					</VIDEO>
					
					<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
						<image mode="widthFix" v-if="video_list[0].local_audio" class="image width40"
							src="/static/img/jiechujingyin.png"></image>
						<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
						</image>
						<view>{{video_list[0].display_name}} {{video_list[0].role=='chair'?'(主持人)':''}}</view>
					</view>
					</view>
					
					<view v-if="video_list[1]" class="posire border27E17A flex-ju-c" style="width:33.3%;">
					
					<view v-if="video_list[1].local_camera" class="flex-ju-c border27E17A flex-col" :style="{height:hhg/2+'px'}">
						<view class="posire">
							<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
							</image>
							<image v-if="tahtinfo.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
							</image>
						</view>
					</view>
					<VIDEO v-show="video_list[1].local_camera==0" :style="{height:hhg/2+'px'}" class="" id="screen6-2" style="width:33.3%;">
					</VIDEO>
					<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
						<image mode="widthFix" v-if="video_list[1].local_audio" class="image width40"
							src="/static/img/jiechujingyin.png"></image>
						<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
						</image>
						<view>{{video_list[1].display_name}} {{video_list[1].role=='chair'?'(主持人)':''}}</view>
					</view>
					</view>
				</view>
				
				<view class="width1000  flex" :style="{height:hhg/2+'px'}" >
					
					<template  v-for="(item,f) in video_list" :key="f">
						<view class=" posire" style="width:33.3%;" v-if="f>1"  :style="{height:hhg/2+'px'}">
							<view v-if="item.local_camera"  :style="{height:hhg/2+'px'}" class=" flex-ju-c border27E17A flex-col" >
								<view class="posire">
									<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
									</image>
									<image v-if="item.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
									</image>
								</view>
								<view>{{item.display_name}} {{item.role=='chair'?'(主持人)':''}}</view>
							</view>
							<VIDEO v-show="item.local_camera==0" style="width:33.3%;" class="border27E17A" :style="{height:hhg/2+'px'}" :id="'screen6-'+(1+f)">
							</VIDEO>
							<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
								<image mode="widthFix" v-if="item.local_audio" class="image width40"
									src="/static/img/jiechujingyin.png"></image>
								<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
								</image>
								<view>{{item.display_name}} {{item.role=='chair'?'(主持人)':''}}</view>
							</view>
						</view>
					</template>
					
				</view>
				
			</view>
			
			
			 
			<view v-show="mlist.length==7" class="flex-ju-c flex1 bg2c2c2c flex-col">
				
				<view class="width1000 flex" :style="{height:hhg/2+'px'}">
					<view class="posire border27E17A flex-ju-c" style="width:50%;">
						
					<view v-if="tahtinfo.local_camera" class="flex-ju-c  flex-col" :style="{height:hhg/2+'px'}">
						<view class="posire">
							<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
							</image>
							<image v-if="tahtinfo.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
							</image>
						</view>
						
					</view>
					<VIDEO v-show="tahtinfo.local_camera==0" id="screen7-0" class="" :style="{height:hhg/2+'px'}" style="width:50%;">
					</VIDEO>
					<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
						<image mode="widthFix" v-if="tahtinfo.local_audio" class="image width40"
							src="/static/img/jiechujingyin.png"></image>
						<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
						</image>
						<view>{{tahtinfo.display_name}} (我{{tahtinfo.role=='chair'?'主持人':''}}）</view>
					</view>
					</view>
					
					<view v-if="video_list[0]" class="posire border27E17A flex-ju-c" style="width:50%;">
						<view v-if="video_list[0].local_camera" class="flex-ju-c  flex-col" :style="{height:hhg/2+'px'}" >
							<view class="posire">
								<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
								</image>
								<image v-if="tahtinfo.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
								</image>
							</view>
							<view>{{tahtinfo.display_name}} {{tahtinfo.role=='chair'?'(主持人)':''}}</view>
						</view>
						<VIDEO v-show="video_list[0].local_camera==0" id="screen7-1" :style="{height:hhg/2+'px'}" class="" style="width:50%;">
						</VIDEO>
						<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
							<image mode="widthFix" v-if="video_list[0].local_audio" class="image width40"
								src="/static/img/jiechujingyin.png"></image>
							<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
							</image>
							<view>{{video_list[0].display_name}} {{video_list[0].role=='chair'?'(主持人)':''}}</view>
						</view>
					</view>
				</view>
				
				<view class="width1000  flex" :style="{height:hhg/2+'px'}">
					
					<template  v-for="(item,f) in video_list" :key="f">
						<view class=" posire" style="width:20%;" v-if="f>0"  :style="{height:hhg/2+'px'}">
						<view v-if="item.local_camera" :style="{height:hhg/2+'px'}" class=" flex-ju-c border27E17A flex-col" >
							<view class="posire">
								<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
								</image>
								<image v-if="item.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
								</image>
							</view>
						</view>
						<VIDEO v-show="item.local_camera==0" style="width:20%;" :style="{height:hhg/2+'px'}" class="border27E17A" :id="'screen7-'+(1+f)">
						</VIDEO>
						<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
							<image mode="widthFix" v-if="item.local_audio" class="image width40"
								src="/static/img/jiechujingyin.png"></image>
							<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
							</image>
							<view>{{item.display_name}} {{item.role=='chair'?'(主持人)':''}}</view>
						</view>
						</view>
						</template>
					
					
				</view>
				
			</view>
			
		
			<view v-show="mlist.length==8" class="flex-ju-c flex1 bg2c2c2c flex-col">
				<view class="width1000 flex " :style="{height:hhg/2+'px'}">
					<view class="posire border27E17A flex-ju-c" style="width:50%;">
						<view v-if="tahtinfo.local_camera" class="flex-ju-c  flex-col" :style="{height:hhg/2+'px'}" >
							<view class="posire">
								<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
								</image>
								<image v-if="tahtinfo.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
								</image>
							</view>
						</view>
						<VIDEO v-show="tahtinfo.local_camera==0" id="screen8-0" :style="{height:hhg/2+'px'}" class="" style="width:50%;">
						</VIDEO>
						<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
							<image mode="widthFix" v-if="tahtinfo.local_audio" class="image width40"
								src="/static/img/jiechujingyin.png"></image>
							<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
							</image>
							<view>{{tahtinfo.display_name}} (我{{tahtinfo.role=='chair'?'主持人':''}}）</view>
						</view>
					</view>
					
					<view v-if="video_list[0]" class="posire border27E17A flex-ju-c" style="width:50%;">
					<view v-if="video_list[0].local_camera" class="flex-ju-c border27E17A flex-col" :style="{height:hhg/2+'px'}">
						<view class="posire">
							<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
							</image>
							<image v-if="tahtinfo.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
							</image>
						</view>
						<view>{{tahtinfo.display_name}} {{tahtinfo.role=='chair'?'(主持人)':''}}</view>
					</view>
					<VIDEO v-show="video_list[0].local_camera==0" :style="{height:hhg/2+'px'}" class="" id="screen8-1" style="width:50%;">
					</VIDEO>
					<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
						<image mode="widthFix" v-if="video_list[0].local_audio" class="image width40"
							src="/static/img/jiechujingyin.png"></image>
						<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
						</image>
						<view>{{video_list[0].display_name}} {{video_list[0].role=='chair'?'(主持人)':''}}</view>
					</view>
					</view>
				</view>
				
				<view class="width1000  flex posire" :style="{height:hhg/2+'px'}">
					
					<template  v-for="(item,f) in video_list" :key="f">
						<view class=" posire" style="width:16.6%;" v-if="f>0"  :style="{height:hhg/2+'px'}">
						<view v-if="item.local_camera"  :style="{height:hhg/2+'px'}" class=" flex-ju-c border27E17A flex-col" >
							<view class="posire">
								<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
								</image>
								<image v-if="item.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
								</image>
							</view>
						</view>
						<VIDEO v-show="item.local_camera==0" style="width:16.6%;" :style="{height:hhg/2+'px'}" class="border27E17A" :id="'screen8-'+(1+f)">
						</VIDEO>
						<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
							<image mode="widthFix" v-if="item.local_audio" class="image width40"
								src="/static/img/jiechujingyin.png"></image>
							<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
							</image>
							<view>{{item.display_name}} {{item.role=='chair'?'(主持人)':''}}</view>
						</view>
						</view>
					</template>
					
				</view>
			</view>
			
				<scroll-view  v-show="mlist.length > 8" scroll-y class="width1000" :style="{height:hhg+'px'}">
					<view class="flex flex1 flex-wrap hauto bg2c2c2c" >
						<view class="posire border27E17A" style="width:33%;">
							<view v-if="tahtinfo.local_camera" class="flex-ju-c border27E17A flex-col" :style="{height:hhg/3+'px'}" >
								<view class="posire">
									<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
									</image>
									<image v-if="tahtinfo.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
									</image>
								</view>
							</view>
							<VIDEO v-show="tahtinfo.local_camera==0"  id="screen9-0" class="border27E17A" :style="{height:hhg/3+'px'}" style="width:33%;">
							</VIDEO>
							<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
								<image mode="widthFix" v-if="tahtinfo.local_audio" class="image width40"
									src="/static/img/jiechujingyin.png"></image>
								<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
								</image>
								<view>{{tahtinfo.display_name}} (我{{tahtinfo.role=='chair'?'主持人':''}}）</view>
							</view>
							
						</view>
						
						
						<view v-for="(item,f) in video_list" :key="f" class="posire flex-ju-c border27E17A" style="width:33%;">
							<view v-if="item.local_camera"  :style="{height:hhg/3+'px'}" class=" flex-ju-c  flex-col" >
								<view class="posire">
									<image mode="widthFix" class="image mb20 wh280-280 mr30" src="/static/img/xaing.png">
									</image>
									<image v-if="item.role=='chair'" mode="widthFix" class="image wh70-70 posiab bottom40 right30" src="/static/img/chaungjian.png">
									</image>
								</view>
							</view>
							<VIDEO v-show="item.local_camera==0" :id="'screen9-'+(f+1)" class="" :style="{height:hhg/3+'px'}" style="width:33%;">
							</VIDEO>
							
							<view class="posiab bottom0 flex-a-i left0 pg5-30 bgrgb">
								<image mode="widthFix" v-if="item.local_audio" class="image width40"
									src="/static/img/jiechujingyin.png"></image>
								<image mode="widthFix" v-else class="image width40" src="/static/img/huimaio.png">
								</image>
								<view>{{item.display_name}} {{item.role=='chair'?'(主持人)':''}}</view>
							</view>
						</view>
					</view>
				</scroll-view>
				
			<!-- <swiper v-show="mlist.length > 8" class="flex1 hauto" :style="{height:hhg+'px'}">
				<swiper-item v-for="(item,g) in totalPages" :key="item" class="">
					<view class="flex flex1 flex-wrap hauto" >
							<VIDEO v-for="(items,f) in item" :key="f" :id="'screen9-'+items" :style="{height:hhg/3+'px'}" style="width:33%;">
							</VIDEO>
					</view>
				</swiper-item>
			</swiper> -->
		</view>
	</view>
</template>

<script>
	export default {
		name:"split-screen",
		props:['mlist','video_list','tahtinfo','hhg','width','totalPages','my_pp_uuid'],
		data() {
			return {
				
			};
		},
		created() {
			
		},
		methods:{
			
		}
	}
</script>

<style>
		
	.hauto {
		/* background-image: linear-gradient(to right, #222222 , #2d2d2d); */
		height: 100%;
	}
	.bgrgb{
		background: rgba(18,18,18,0.3);
	}
	.posiab{
		position: absolute !important;
	}
</style>